<template>
  <div class="normal-list">
    <div v-for="(item,index) in dataset" :key="index" class="list-item">
      <span class="ico">
        <img :src="item.icon|urlPro">
      </span>
      <div class="info">{{item.info}}</div>
    </div>
 </div>
</template>

<script>
  export default {
    name: "NormalList",
    props:{
      dataset:{
        type:Array,
        default(){return[]}
      }
    },
    filters:{
      urlPro(url){
        return require('assets/img/profile/' + url)
      }
    }
  }
</script>

<style scoped>
  .ico{
    position: absolute;
    top: 5px;
    left: 15px;
  }
  .info{
    border-bottom: 1px solid rgba(100, 100, 100, .1);
    position: absolute;
    left: 45px;
    right: 0;
  }
  .list-item{
    width: 100%;
    height: 45px;
    line-height: 45px;
    position: relative;
  }
  .normal-list{
    font-size: 15px;
    background-color: #fff;
    margin-top: 15px;
  }
  .list-item img{
    width:20px;
    height: 20px;
  }
</style>